<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品详细</title>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/product.css">
</head>
<body>
<div class="web">
    <header class="clearfix">
        <div class="back fl">
            <a href="javascript:history.go(-1)"><span>back</span></a>
        </div>
        <div class="h_right fr">
            <i class="iconfont icon-xing "></i>
        </div>
        <div class="h_center">
            <span>产品详细</span>
        </div>
    </header>
    <main>
        <div class="banner_all">
            <div class="banner">
                <img src="../img/product/product_banner.jpg" alt="轮播图">
            </div>
            <div class="banner_price clearfix">
                <b class="fl"><i class="iconfont icon-552cd445ad39f">32</i></b>
                <div class="common_button">购买</div>
            </div>
        </div>
        <div class="common_title_all">
            <div class="common_title clearfix">
                <div class="ct_left">
                    <i class="iconfont icon-xing"></i>
                    <span>好评度<b class="color">99%</b></span>
                </div>
                <div class="more fr">
                    <span>共605个评价></span>
                </div>
            </div>
            <div class="merchants_div_all">
                <div class="mda_title clearfix">
                    <span>适用商户</span>
                    <b class="fr">&gt;</b>
                </div>
                <div class="merchants_div">
                    <div class="md_img">
                        <img src="../img/product/merchants-2.jpg" alt="">
                    </div>
                    <div class="md_info">
                        <h3>万岁寿司（正佳店）</h3>
                        <div class="md_info_center">
                            <div class="star">
                                <ul>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                </ul>
                                <span>10分</span>
                                <div class="common_button fr">进入</div>
                            </div>
                            <p><span>离你100m</span></p>

                        </div>
                        <a href="#">查看详情</a>
                    </div>
                </div>
                <div class="merchants_div">
                    <div class="md_img">
                        <img src="../img/product/merchants-2.jpg" alt="">
                    </div>
                    <div class="md_info">
                        <h3>万岁寿司（正佳店）</h3>
                        <div class="md_info_center">
                            <div class="star">
                                <ul>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                </ul>
                                <span>10分</span>
                                <div class="common_button fr">进入</div>
                            </div>
                            <p><span>离你100m</span></p>

                        </div>
                        <a href="#">查看详情</a>
                    </div>
                </div>
                <div class="merchants_div">
                    <div class="md_img">
                        <img src="../img/product/merchants-2.jpg" alt="">
                    </div>
                    <div class="md_info">
                        <h3>万岁寿司（正佳店）</h3>
                        <div class="md_info_center">
                            <div class="star">
                                <ul>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                </ul>
                                <span>10分</span>
                                <div class="common_button fr">进入</div>
                            </div>
                            <p><span>离你100m</span></p>

                        </div>
                        <a href="#">查看详情</a>
                    </div>
                </div>
                <div class="merchants_div">
                    <div class="md_img">
                        <img src="../img/product/merchants-2.jpg" alt="">
                    </div>
                    <div class="md_info">
                        <h3>万岁寿司（正佳店）</h3>
                        <div class="md_info_center">
                            <div class="star">
                                <ul>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                    <li class="iconfont icon-xing color"></li>
                                </ul>
                                <span>10分</span>
                                <div class="common_button fr">进入</div>
                            </div>
                            <p><span>离你100m</span></p>

                        </div>
                        <a href="#">查看详情</a>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="f_div">
            <ul>
                <li>
                    <a href="../index.html">
                        <i class="iconfont icon-zhuye"></i>
                        <div>主页</div>
                    </a>
                </li>
                <li>
                    <a href="classification.html">
                        <i class="iconfont icon-leimupinleifenleileibie"></i>
                        <div>分类</div>
                    </a>
                </li>
                <li>
                    <a href="discover.html">
                        <i class="iconfont icon-faxian"></i>
                        <div>发现</div>
                    </a>
                </li>
                <li>
                    <a href="myself.html">
                        <i class="iconfont icon-tubiao5"></i>
                        <div>我的</div>
                    </a>
                </li>
            </ul>
        </div>
    </footer>
</div>
</body>
<script type="text/javascript" src="../js/rem.js"></script>
</html>